<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>网约车监管信息平台</title>

<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/styles.css" rel="stylesheet">
<link href="css/font-awesome.min93e3.css" rel="stylesheet">
<!--参考http://192.168.18.142:8020/hplus%20V4.1.0/hplus%20V4.1.0/hplus/index.html?v=4.0#-->
<!--[if lt IE 9]>
<script src="js/html5shiv.js"></script>
<script src="js/respond.min.js"></script>
<![endif]-->

</head>

<body class="gray-bg">
	<!--导航-->
	<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
		<div class="container-fluid">
			<div class="navbar-header">
				<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#sidebar-collapse ">
					<span class="sr-only">Toggle navigation</span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
				</button>
				<a class="navbar-brand" href="#"><span>福州市网约车</span>监管信息平台</a>
		        <!--admin-->
		        <ul class="user-menu">
					<li class="dropdown pull-right">
						<a href="#" class="dropdown-toggle" data-toggle="dropdown"><span class="glyphicon glyphicon-user"></span> Admin <span class="caret"></span></a>
						<ul class="dropdown-menu" role="menu">
							<li><a href="index.html"><span class="glyphicon glyphicon-screenshot"></span>&nbsp;&nbsp;前台首页</a></li>
	                        <li><a href="index.html"><span class="glyphicon glyphicon-cog"></span>&nbsp;&nbsp;个人设置</a></li>
	                        <li><a href="index.html"><span class="glyphicon glyphicon-credit-card"></span>&nbsp;&nbsp;账户中心</a></li>
	                        <li><a href="index.html"><span class="glyphicon glyphicon-heart"></span>&nbsp;&nbsp;我的收藏</a></li>
						</ul>
					</li>
				</ul>
				
			</div>
		</div><!-- /.container-fluid -->
	</nav>
	<!--侧边栏-->
	<div id="sidebar-collapse" class="col-sm-3 col-lg-2 sidebar">
		<!--<form role="search">
			<div class="form-group">
				<input type="text" class="form-control" placeholder="查询">
			</div>
		</form>-->
		
	<!--新侧边栏-->
	<nav class="navbar-default navbar-static-side" role="navigation">
		<!--<div class="nav-close"><i class="fa fa-times-circle"></i>
		</div>
		<div class="slimScrollDiv" style="position: relative; width: auto; height: 100%;"><div class="sidebar-collapse" style="width: auto; height: 100%;">-->
		    <ul class="nav" id="side-menu">
		       <li>
		            <a href="#">
		                <i class="fa fa-home"></i>
		                <span class="nav-label">主页</span>
		                <span class="fa arrow"></span>
		            </a>
		            <ul class="nav nav-second-level collapse">
		                <li>
		                    <a class="J_menuItem" href="index_v1.html" data-index="0">主页示例一</a>
		                </li>
		                <li>
		                    <a class="J_menuItem" href="index_v2.html" data-index="5">主页示例二</a>
		                </li>
		                <li>
		                    <a class="J_menuItem" href="index_v3.html" data-index="6">主页示例三</a>
		                </li>
		                <li>
		                    <a class="J_menuItem" href="index_v4.html" data-index="7">主页示例四</a>
		                </li>
		                <li>
		                    <a href="index_v5.html" target="_blank">主页示例五</a>
		                </li>
		            </ul>
		
		        </li>
		        <li>
		            <a class="J_menuItem" href="layouts.html" data-index="8"><i class="fa fa-columns"></i> <span class="nav-label">布局</span></a>
		        </li>
		        <li>
		            <a href="#">
		                <i class="fa fa fa-bar-chart-o"></i>
		                <span class="nav-label">统计图表</span>
		                <span class="fa arrow"></span>
		            </a>
		            <ul class="nav nav-second-level collapse">
		                <li>
		                    <a class="J_menuItem" href="graph_echarts.html" data-index="9">百度ECharts</a>
		                </li>
		                <li>
		                    <a class="J_menuItem" href="graph_flot.html" data-index="10">Flot</a>
		                </li>
		                <li>
		                    <a class="J_menuItem" href="graph_morris.html" data-index="11">Morris.js</a>
		                </li>
		                <li>
		                    <a class="J_menuItem" href="graph_rickshaw.html" data-index="12">Rickshaw</a>
		                </li>
		                <li>
		                    <a class="J_menuItem" href="graph_peity.html" data-index="13">Peity</a>
		                </li>
		                <li>
		                    <a class="J_menuItem" href="graph_sparkline.html" data-index="14">Sparkline</a>
		                </li>
		                <li>
		                    <a class="J_menuItem" href="graph_metrics.html" data-index="15">图表组合</a>
		                </li>
		            </ul>
		        </li>
		
		        <li class="active">
		            <a href="mailbox.html"><i class="fa fa-envelope"></i> <span class="nav-label">信箱 </span><span class="label label-warning pull-right">16</span></a>
		            <ul class="nav nav-second-level collapse in" aria-expanded="true">
		                <li><a class="J_menuItem" href="mailbox.html" data-index="16">收件箱</a>
		                </li>
		                <li><a class="J_menuItem" href="mail_detail.html" data-index="17">查看邮件</a>
		                </li>
		                <li><a class="J_menuItem" href="mail_compose.html" data-index="18">写信</a>
		                </li>
		            </ul>
		        </li>
		        <li>
		            <a href="#"><i class="fa fa-edit"></i> <span class="nav-label">表单</span><span class="fa arrow"></span></a>
		            <ul class="nav nav-second-level collapse">
		                <li><a class="J_menuItem" href="form_basic.html" data-index="19">基本表单</a>
		                </li>
		                <li><a class="J_menuItem" href="form_validate.html" data-index="20">表单验证</a>
		                </li>
		                <li><a class="J_menuItem" href="form_advanced.html" data-index="21">高级插件</a>
		                </li>
		                <li><a class="J_menuItem" href="form_wizard.html" data-index="22">表单向导</a>
		                </li>
		                <li>
		                    <a href="#">文件上传 <span class="fa arrow"></span></a>
		                    <ul class="nav nav-third-level collapse">
		                        <li><a class="J_menuItem" href="form_webuploader.html" data-index="23">百度WebUploader</a>
		                        </li>
		                        <li><a class="J_menuItem" href="form_file_upload.html" data-index="24">DropzoneJS</a>
		                        </li>
		                        <li><a class="J_menuItem" href="form_avatar.html" data-index="25">头像裁剪上传</a>
		                        </li>
		                    </ul>
		                </li>
		                <li>
		                    <a href="#">编辑器 <span class="fa arrow"></span></a>
		                    <ul class="nav nav-third-level collapse">
		                        <li><a class="J_menuItem" href="form_editors.html" data-index="26">富文本编辑器</a>
		                        </li>
		                        <li><a class="J_menuItem" href="form_simditor.html" data-index="27">simditor</a>
		                        </li>
		                        <li><a class="J_menuItem" href="form_markdown.html" data-index="28">MarkDown编辑器</a>
		                        </li>
		                        <li><a class="J_menuItem" href="code_editor.html" data-index="29">代码编辑器</a>
		                        </li>
		                    </ul>
		                </li>
		                <li><a class="J_menuItem" href="suggest.html" data-index="30">搜索自动补全</a>
		                </li>
		                <li><a class="J_menuItem" href="layerdate.html" data-index="31">日期选择器layerDate</a>
		                </li>
		            </ul>
		        </li>
		        <li>
		            <a href="#"><i class="fa fa-desktop"></i> <span class="nav-label">页面</span><span class="fa arrow"></span></a>
		            <ul class="nav nav-second-level collapse">
		                <li><a class="J_menuItem" href="contacts.html" data-index="32">联系人</a>
		                </li>
		                <li><a class="J_menuItem" href="profile.html" data-index="33">个人资料</a>
		                </li>
		                <li>
		                    <a href="#">项目管理 <span class="fa arrow"></span></a>
		                    <ul class="nav nav-third-level collapse">
		                        <li><a class="J_menuItem" href="projects.html" data-index="34">项目</a>
		                        </li>
		                        <li><a class="J_menuItem" href="project_detail.html" data-index="35">项目详情</a>
		                        </li>
		                    </ul>
		                </li>
		                <li><a class="J_menuItem" href="teams_board.html" data-index="36">团队管理</a>
		                </li>
		                <li><a class="J_menuItem" href="social_feed.html" data-index="37">信息流</a>
		                </li>
		                <li><a class="J_menuItem" href="clients.html" data-index="38">客户管理</a>
		                </li>
		                <li><a class="J_menuItem" href="file_manager.html" data-index="39">文件管理器</a>
		                </li>
		                <li><a class="J_menuItem" href="calendar.html" data-index="40">日历</a>
		                </li>
		                <li>
		                    <a href="#">博客 <span class="fa arrow"></span></a>
		                    <ul class="nav nav-third-level collapse">
		                        <li><a class="J_menuItem" href="blog.html" data-index="41">文章列表</a>
		                        </li>
		                        <li><a class="J_menuItem" href="article.html" data-index="42">文章详情</a>
		                        </li>
		                    </ul>
		                </li>
		                <li><a class="J_menuItem" href="faq.html" data-index="43">FAQ</a>
		                </li>
		                <li>
		                    <a href="#">时间轴 <span class="fa arrow"></span></a>
		                    <ul class="nav nav-third-level collapse">
		                        <li><a class="J_menuItem" href="timeline.html" data-index="44">时间轴</a>
		                        </li>
		                        <li><a class="J_menuItem" href="timeline_v2.html" data-index="45">时间轴v2</a>
		                        </li>
		                    </ul>
		                </li>
		                <li><a class="J_menuItem" href="pin_board.html" data-index="46">标签墙</a>
		                </li>
		                <li>
		                    <a href="#">单据 <span class="fa arrow"></span></a>
		                    <ul class="nav nav-third-level collapse">
		                        <li><a class="J_menuItem" href="invoice.html" data-index="47">单据</a>
		                        </li>
		                        <li><a class="J_menuItem" href="invoice_print.html" data-index="48">单据打印</a>
		                        </li>
		                    </ul>
		                </li>
		                <li><a class="J_menuItem" href="search_results.html" data-index="49">搜索结果</a>
		                </li>
		                <li><a class="J_menuItem" href="forum_main.html" data-index="50">论坛</a>
		                </li>
		                <li>
		                    <a href="#">即时通讯 <span class="fa arrow"></span></a>
		                    <ul class="nav nav-third-level collapse">
		                        <li><a class="J_menuItem" href="chat_view.html" data-index="51">聊天窗口</a>
		                        </li>
		                        <li><a class="J_menuItem" href="webim.html" data-index="52">layIM</a>
		                        </li>
		                    </ul>
		                </li>
		                <li>
		                    <a href="#">登录注册相关 <span class="fa arrow"></span></a>
		                    <ul class="nav nav-third-level collapse">
		                        <li><a href="login.html" target="_blank">登录页面</a>
		                        </li>
		                        <li><a href="login_v2.html" target="_blank">登录页面v2</a>
		                        </li>
		                        <li><a href="register.html" target="_blank">注册页面</a>
		                        </li>
		                        <li><a href="lockscreen.html" target="_blank">登录超时</a>
		                        </li>
		                    </ul>
		                </li>
		                <li><a class="J_menuItem" href="404.html" data-index="53">404页面</a>
		                </li>
		                <li><a class="J_menuItem" href="500.html" data-index="54">500页面</a>
		                </li>
		                <li><a class="J_menuItem" href="empty_page.html" data-index="55">空白页</a>
		                </li>
		            </ul>
		        </li>
		        <li>
		            <a href="#"><i class="fa fa-flask"></i> <span class="nav-label">UI元素</span><span class="fa arrow"></span></a>
		            <ul class="nav nav-second-level collapse">
		                <li><a class="J_menuItem" href="typography.html" data-index="56">排版</a>
		                </li>
		                <li>
		                    <a href="#">字体图标 <span class="fa arrow"></span></a>
		                    <ul class="nav nav-third-level collapse">
		                        <li>
		                            <a class="J_menuItem" href="fontawesome.html" data-index="57">Font Awesome</a>
		                        </li>
		                        <li>
		                            <a class="J_menuItem" href="glyphicons.html" data-index="58">Glyphicon</a>
		                        </li>
		                        <li>
		                            <a class="J_menuItem" href="iconfont.html" data-index="59">阿里巴巴矢量图标库</a>
		                        </li>
		                    </ul>
		                </li>
		                <li>
		                    <a href="#">拖动排序 <span class="fa arrow"></span></a>
		                    <ul class="nav nav-third-level collapse">
		                        <li><a class="J_menuItem" href="draggable_panels.html" data-index="60">拖动面板</a>
		                        </li>
		                        <li><a class="J_menuItem" href="agile_board.html" data-index="61">任务清单</a>
		                        </li>
		                    </ul>
		                </li>
		                <li><a class="J_menuItem" href="buttons.html" data-index="62">按钮</a>
		                </li>
		                <li><a class="J_menuItem" href="tabs_panels.html" data-index="63">选项卡 &amp; 面板</a>
		                </li>
		                <li><a class="J_menuItem" href="notifications.html" data-index="64">通知 &amp; 提示</a>
		                </li>
		                <li><a class="J_menuItem" href="badges_labels.html" data-index="65">徽章，标签，进度条</a>
		                </li>
		                <li>
		                    <a class="J_menuItem" href="grid_options.html" data-index="66">栅格</a>
		                </li>
		                <li><a class="J_menuItem" href="plyr.html" data-index="67">视频、音频</a>
		                </li>
		                <li>
		                    <a href="#">弹框插件 <span class="fa arrow"></span></a>
		                    <ul class="nav nav-third-level collapse">
		                        <li><a class="J_menuItem" href="layer.html" data-index="68">Web弹层组件layer</a>
		                        </li>
		                        <li><a class="J_menuItem" href="modal_window.html" data-index="69">模态窗口</a>
		                        </li>
		                        <li><a class="J_menuItem" href="sweetalert.html" data-index="70">SweetAlert</a>
		                        </li>
		                    </ul>
		                </li>
		                <li>
		                    <a href="#">树形视图 <span class="fa arrow"></span></a>
		                    <ul class="nav nav-third-level collapse">
		                        <li><a class="J_menuItem" href="jstree.html" data-index="71">jsTree</a>
		                        </li>
		                        <li><a class="J_menuItem" href="tree_view.html" data-index="72">Bootstrap Tree View</a>
		                        </li>
		                        <li><a class="J_menuItem" href="nestable_list.html" data-index="73">nestable</a>
		                        </li>
		                    </ul>
		                </li>
		                <li><a class="J_menuItem" href="toastr_notifications.html" data-index="74">Toastr通知</a>
		                </li>
		                <li><a class="J_menuItem" href="diff.html" data-index="75">文本对比</a>
		                </li>
		                <li><a class="J_menuItem" href="spinners.html" data-index="76">加载动画</a>
		                </li>
		                <li><a class="J_menuItem" href="widgets.html" data-index="77">小部件</a>
		                </li>
		            </ul>
		        </li>
		        <li>
		            <a href="#"><i class="fa fa-table"></i> <span class="nav-label">表格</span><span class="fa arrow"></span></a>
		            <ul class="nav nav-second-level collapse">
		                <li><a class="J_menuItem" href="table_basic.html" data-index="78">基本表格</a>
		                </li>
		                <li><a class="J_menuItem" href="table_data_tables.html" data-index="79">DataTables</a>
		                </li>
		                <li><a class="J_menuItem" href="table_jqgrid.html" data-index="80">jqGrid</a>
		                </li>
		                <li><a class="J_menuItem" href="table_foo_table.html" data-index="81">Foo Tables</a>
		                </li>
		                <li><a class="J_menuItem" href="table_bootstrap.html" data-index="82">Bootstrap Table
		                    <span class="label label-danger pull-right">推荐</span></a>
		                </li>
		            </ul>
		        </li>
		        <li>
		            <a href="#"><i class="fa fa-picture-o"></i> <span class="nav-label">相册</span><span class="fa arrow"></span></a>
		            <ul class="nav nav-second-level collapse">
		                <li><a class="J_menuItem" href="basic_gallery.html" data-index="83">基本图库</a>
		                </li>
		                <li><a class="J_menuItem" href="carousel.html" data-index="84">图片切换</a>
		                </li>
		                <li><a class="J_menuItem" href="blueimp.html" data-index="85">Blueimp相册</a>
		                </li>
		            </ul>
		        </li>
		        <li>
		            <a class="J_menuItem" href="css_animation.html" data-index="86"><i class="fa fa-magic"></i> <span class="nav-label">CSS动画</span></a>
		        </li>
		        <li>
		            <a href="#"><i class="fa fa-cutlery"></i> <span class="nav-label">工具 </span><span class="fa arrow"></span></a>
		            <ul class="nav nav-second-level collapse">
		                <li><a class="J_menuItem" href="form_builder.html" data-index="87">表单构建器</a>
		                </li>
		            </ul>
		        </li>
		
		    </ul>
		</div><div class="slimScrollBar" style="width: 4px; position: absolute; top: 0px; opacity: 0.4; display: none; border-radius: 7px; z-index: 99; right: 1px; height: 278.53px; background: rgb(0, 0, 0);"></div><div class="slimScrollRail" style="width: 4px; height: 100%; position: absolute; top: 0px; display: none; border-radius: 7px; opacity: 0.9; z-index: 90; right: 1px; background: rgb(51, 51, 51);"></div></div>
	</nav>
		<!--旧侧边栏-->
		<!--<ul class="nav menu">
			<li class="active"><a href="index.html"><span class="glyphicon glyphicon-home"></span> 首页</a></li>
			<li><a href="widgets.html"><span class="glyphicon glyphicon-th"></span> 窗口</a></li>
			<li><a href="charts.html"><span class="glyphicon glyphicon-stats"></span> 图表</a></li>
			<li class="parent">
				<a href="#">
					<span class="glyphicon glyphicon-list-alt"></span> 表格<span data-toggle="collapse" href="#sub-item-1" class="icon pull-right"><em class="glyphicon glyphicon-s glyphicon-plus"></em></span>
				</a>
				<ul class="children collapse" id="sub-item-1">
					<li>
						<a class="" href="tables.html"><span class="glyphicon glyphicon-share-alt"></span>基本表格</a>
					</li>
					<li>
						<a class="" href="jqgrid.html">
							<span class="glyphicon glyphicon-share-alt"></span> jqgrid表单
						</a>
					</li>
				</ul>
			
			</li>
			<li class="parent">
				<a href="#">
					<span class="glyphicon glyphicon-list"></span> 表单 <span data-toggle="collapse" href="#sub-item-2" class="icon pull-right"><em class="glyphicon glyphicon-s glyphicon-plus"></em></span> 
				</a>
				<ul class="children collapse" id="sub-item-2">
					<li>
						<a class="" href="forms.html"><span class="glyphicon glyphicon-share-alt"></span>bootstrap基本表单</a>
					</li>
					<li>
						<a class="" href="sunmernote.html">
							<span class="glyphicon glyphicon-share-alt"></span> 插件表单
						</a>
					</li>
					<li>
						<a class="" href="forms-advanced.html">
							<span class="glyphicon glyphicon-share-alt"></span> 高级表单
						</a>
					</li>
					<li>
						<a class="" href="form-validate.html">
							<span class="glyphicon glyphicon-share-alt"></span> 验证表单
						</a>
					</li>
				</ul>
			
				<!--<a href="forms.html"><span class="glyphicon glyphicon-pencil"></span> 表单</a></li>-->
			<!--<li><a href="panels.html"><span class="glyphicon glyphicon-info-sign"></span> 提示框 &amp; 面板</a></li>
			<li class="parent">
				<a href="#">
					<span class="glyphicon glyphicon-list"></span> 下拉式列表 <span data-toggle="collapse" href="#sub-item-3" class="icon pull-right"><em class="glyphicon glyphicon-s glyphicon-plus"></em></span> 
				</a>
				<ul class="children collapse" id="sub-item-3">
					<li>
						<a class="" href="net-car.html">
							<span class="glyphicon glyphicon-share-alt"></span>网约车全国数据统计图
						</a>
					</li>
					<li>
						<a class="" href="404.html">
							<span class="glyphicon glyphicon-share-alt"></span> 404页面
						</a>
					</li>
					<li>
						<a class="" href="#">
							<span class="glyphicon glyphicon-share-alt"></span> 自定义页面3
						</a>
					</li>
				</ul>
			</li>
			<li role="presentation" class="divider"></li>
			<li><a href="login.html"><span class="glyphicon glyphicon-user"></span> Login Page</a></li>
		</ul>-->

	</div><!--/.sidebar-->
	<!--右侧内容-->
	<div class="col-sm-9 col-sm-offset-3 col-lg-10 col-lg-offset-2 main">
		
	
    
		
		<!--tabs-->
		<div class="row content-tabs">
            <button class="roll-nav roll-left J_tabLeft"><i class="fa fa-backward"></i>
            </button>
            <nav class="page-tabs J_menuTabs">
                <div class="page-tabs-content">
                    <a href="javascript:;" class="active J_menuTab" data-id="index_v1.html">首页</a>
                </div>
            </nav>
            <button class="roll-nav roll-right J_tabRight"><i class="fa fa-forward"></i>
            </button>
            <div class="btn-group roll-nav roll-right">
                <button class="dropdown J_tabClose" data-toggle="dropdown">关闭操作<span class="caret"></span>

                </button>
                <ul role="menu" class="dropdown-menu dropdown-menu-right">
                    <li class="J_tabShowActive"><a>定位当前选项卡</a>
                    </li>
                    <li class="divider"></li>
                    <li class="J_tabCloseAll"><a>关闭全部选项卡</a>
                    </li>
                    <li class="J_tabCloseOther"><a>关闭其他选项卡</a>
                    </li>
                </ul>
            </div>
            <a href="login.html" class="roll-nav roll-right J_tabExit"><i class="fa fa fa-sign-out"></i> 退出</a>
        </div>
            
		
     
		<div class="row">
			<div class="col-xs-12 col-md-6 col-lg-3">
				<div class="panel panel-blue panel-widget ">
					<div class="row no-padding">
						<div class="col-sm-3 col-lg-5 widget-left h_100">
							<em class="glyphicon glyphicon-shopping-cart glyphicon-l"></em>
						</div>
						<div class="col-sm-9 col-lg-7 widget-right">
							<div class="large">120</div>
							<div class="text-muted">新订单</div>
						</div>
					</div>
				</div>
			</div>
			<div class="col-xs-12 col-md-6 col-lg-3">
				<div class="panel panel-orange panel-widget">
					<div class="row no-padding">
						<div class="col-sm-3 col-lg-5 widget-left h_100">
							<em class="glyphicon glyphicon-comment glyphicon-l"></em>
						</div>
						<div class="col-sm-9 col-lg-7 widget-right">
							<div class="large">52</div>
							<div class="text-muted">评论</div>
						</div>
					</div>
				</div>
			</div>
			<div class="col-xs-12 col-md-6 col-lg-3">
				<div class="panel panel-teal panel-widget">
					<div class="row no-padding">
						<div class="col-sm-3 col-lg-5 widget-left h_100">
							<em class="glyphicon glyphicon-user glyphicon-l"></em>
						</div>
						<div class="col-sm-9 col-lg-7 widget-right">
							<div class="large">24</div>
							<div class="text-muted">新用户</div>
						</div>
					</div>
				</div>
			</div>
			<div class="col-xs-12 col-md-6 col-lg-3">
				<div class="panel panel-red panel-widget">
					<div class="row no-padding">
						<div class="col-sm-3 col-lg-5 widget-left h_100">
							<em class="glyphicon glyphicon-stats glyphicon-l"></em>
						</div>
						<div class="col-sm-9 col-lg-7 widget-right">
							<div class="large">25.2k</div>
							<div class="text-muted">访客</div>
						</div>
					</div>
				</div>
			</div>
		</div><!--/.row-->
		
		<!--曲线图1-->
		<div class="row">
			 <div class="col-lg-12">
	            <div class="panel panel-default">
	                <div class="panel-heading">今日访客统计</div>
	                <div class="panel-body">
	                    <canvas id="line-chart" class="col-md-12" height="200" width="600"></canvas>
	                </div>
	            </div>
	         </div>
        </div>
        
		<!--曲线图2-->
		<div class="row">
			<div class="col-lg-12">
				<div class="panel panel-default">
					<div class="panel-heading">数据统计表2</div>
					<div class="panel-body">
						<div class="canvas-wrapper">
							<canvas class="main-chart" id="bar-chart" height="200" width="600"></canvas>
						</div>
					</div>
				</div>
			</div>
		</div><!--/.row-->
		
		<!--饼线图-->
		<div class="row">
			<div class="col-xs-6 col-md-3">
				<div class="panel panel-default">
					<div class="panel-body easypiechart-panel">
						<h4>新订单</h4>
						<div class="easypiechart" id="easypiechart-blue" data-percent="92" ><span class="percent">92%</span>
						</div>
					</div>
				</div>
			</div>
			<div class="col-xs-6 col-md-3">
				<div class="panel panel-default">
					<div class="panel-body easypiechart-panel">
						<h4>评论数</h4>
						<div class="easypiechart" id="easypiechart-orange" data-percent="65" ><span class="percent">65%</span>
						</div>
					</div>
				</div>
			</div>
			<div class="col-xs-6 col-md-3">
				<div class="panel panel-default">
					<div class="panel-body easypiechart-panel">
						<h4>新用户</h4>
						<div class="easypiechart" id="easypiechart-teal" data-percent="56" ><span class="percent">56%</span>
						</div>
					</div>
				</div>
			</div>
			<div class="col-xs-6 col-md-3">
				<div class="panel panel-default">
					<div class="panel-body easypiechart-panel">
						<h4>访客数</h4>
						<div class="easypiechart" id="easypiechart-red" data-percent="37" ><span class="percent">37%</span>
						</div>
					</div>
				</div>
			</div>
		</div><!--/.row-->
								
		<div class="row">
			<div class="col-md-6">
				           <div class="panel panel-default">
                <div class="panel-heading">网站数据统计</div>
                <div class="panel-body">
                    <table class="table table-hover">
                        <thead>
                            <tr>
                                <th>统计项目</th>
                                <th>今日</th>
                                <th>昨日</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                 <th scope="row">注册会员</th>
                                 <td>200</td>
                                 <td>400</td>
                            </tr>
                            <tr>
                                <th scope="row">登录会员</th>
                                <td>4100</td>
                                <td>5112</td>
                            </tr>
                            <tr>
                                <th scope="row">今日发帖</th>
                                <td>1540</td>
                                <td>4511</td>
                            </tr>
                            <tr>
                                <th scope="row">转载次数</th>
                                <td>150</td>
                                <td>110</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        
			</div><!--/.col-->
			
			<div class="col-md-6">
				<div class="panel panel-default">
					<div class="panel-heading">网站热帖</div>
						<ul class="list-group">
							<li class="list-group-item">
							<a href="index.html"><span class="glyphicon glyphicon-list-alt"></span>&nbsp;&nbsp;泛Mooc职业教育， 效果和就业为王<small class="pull-right">2015/08/08</small></a>
							</li>
							<li class="list-group-item">
							<a href="index.html"><span class="glyphicon glyphicon-list-alt"></span>&nbsp;&nbsp;泛Mooc职业教育， 效果和就业为王<small class="pull-right">2015/08/08</small></a>
							</li>
							<li class="list-group-item">
							<a href="index.html"><span class="glyphicon glyphicon-list-alt"></span>&nbsp;&nbsp;泛Mooc职业教育， 效果和就业为王<small class="pull-right">2015/08/08</small></a>
							</li>
							<li class="list-group-item">
							<a href="index.html"><span class="glyphicon glyphicon-list-alt"></span>&nbsp;&nbsp;泛Mooc职业教育， 效果和就业为王<small class="pull-right">2015/08/08</small></a>
							</li>
							<li class="list-group-item">
							<a href="index.html"><span class="glyphicon glyphicon-list-alt"></span>&nbsp;&nbsp;泛Mooc职业教育， 效果和就业为王<small class="pull-right">2015/08/08</small></a>
							</li>
							<li class="list-group-item">
							<a href="index.html"><span class="glyphicon glyphicon-list-alt"></span>&nbsp;&nbsp;泛Mooc职业教育， 效果和就业为王<small class="pull-right">2015/08/08</small></a>
							</li>
						</ul>
				</div>


			</div><!--/.col-->
		</div><!--/.row-->
		
	</div>	<!--/.main-->
	
	<script src="js/jquery.min.js"></script>
	<script src="js/bootstrap.min.js"></script>
	<script src="js/chart/chart.min.js"></script>
	<script src="js/chart/chart-data-index.js"></script>
	<script src="js/easypiechart.js"></script>
	<script src="js/easypiechart-data.js"></script>
	<script type="text/javascript" src="js/contabs.js"></script>
	<script type="text/javascript" src="js/siderbar-menu.js"></script>
	<!--<script src="js/bootstrap-datepicker.js"></script>-->
	<script>

		!function ($) {
		    $(document).on("click","ul.nav li.parent > a > span.icon", function(){          
		        $(this).find('em:first').toggleClass("glyphicon-minus");      
		    }); 
		    $(".sidebar span.icon").find('em:first').addClass("glyphicon-plus");
		}(window.jQuery);

//		$(window).on('resize', function () {
//		  if ($(window).width() > 768) $('#sidebar-collapse').collapse('show')
//		})
//		$(window).on('resize', function () {
//		  if ($(window).width() <= 767) $('#sidebar-collapse').collapse('hide')
//		})
	</script>	
</body>

</html>
